<script>
import {COLOR} from "../../../../static/style/theme";

export default {
  name: "index",
  computed: {
    COLOR() {
      return COLOR
    }
  },
  methods: {
    toResetPw() {
      uni.navigateTo({
        url: "/pages/reset-password/index",
      });
    },
  },
}
</script>

<template>
  <view class="page">
    <view class="item" @click="toResetPw">
      <view class="cell">
        <view class="cell-hd">
          <u-icon name="lock-fill" size="20" :color="COLOR.SUB_COLOR"></u-icon>
        </view>
        <view class="cell-bd">修改密码</view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss">
.page{
  padding: 10px;
}
.item{
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
  .cell-bd{
    padding: 0 15px;
  }
}
</style>
